// 专门用来管理项目中的自定义指令
// 定义一个自定义指令，处理图片异常的问题。
export const imgerror = {
  // 元素使用指令的时候会触发
  inserted: function (el, val) {
    // 情况一
    // 判断图片的路径是否为空 如果为空就用默认的图片
    // 因为有些数据的头像直接就没有图片的路径
    el.src = el.src || val.value
    // 情况二
    // 图片加载失败，设置默认图片（例如原来图片有路径a，但是a中没有素材）
    el.onerror = function () { el.src = val.value }
  },
  // 为了解决bug：没有图片路径的项，赋值后不显示的问题。
  componentUpdated (el, val) {
    el.src = el.src || val.value
  }

}
